<!--
 * @Author: yuqy
 * @Date: 2023-04-10 19:26:39
 * @LastEditors: yuqy
 * @LastEditTime: 2023-04-26 17:24:23
 * @Descripttion: -
-->
<script setup>
  import HelloWorld from '@/components/HelloWorld.vue'
  import { ref } from 'vue'
  import { useRouter } from 'vue-router'
  let route = useRouter().getRoutes()
  console.log(route)
  const count = ref(0)
</script>
<template>
  <div class="login_wrap">
      <HelloWorld></HelloWorld>
      <h2>我是带子集的页面</h2>
      <router-link to='/login'> 
        <v-btn color='red'>我要去登录哦</v-btn>
      </router-link>
      <br />
      <br />
      <br />
      <router-link to='/testChildren/page1'> 
        <v-btn color='red'>我要去子级1</v-btn>
      </router-link>
      <br />
      <br />
      <br />
      <router-link to='/testChildren/page2'> 
        <v-btn color='red'>我要去子级2</v-btn>
      </router-link>

      <router-view v-slot="{ Component }" />
  </div>
</template>
<style scoped>
.login_wrap {
  background: yellow;
  height: 100vh;
}
</style>
